.content {
	width: 307px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	.log {
		margin: 5px auto;
		width: 118px;
		height: 72px;
	}
	.content-top {
		display: flex;
		flex-direction: column;
		align-items: center;
		image {
			width: 40px;
			height: 40px;
		}
	}
	.list {
		width: 307px;
		margin-bottom: 20px;
		box-sizing: border-box;
		padding-left: 10px;
		line-height: 31px;
		height: 31px;
		background-color: #8fcdcc;
		color: #fff;
		// &:nth-of-type(1){
		// 	margin-top: 10px;
		// }
	}
	.card {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 5px;
		.item {
			width: 143px;
			height: 53px;
			text-align: center;
			margin: 5px 0;
			line-height: 53px;
			color: #ffffff;
			&:nth-of-type(1) {
				background-color: #91cd9f;
			}
			&:nth-of-type(2) {
				background-color: #039b9a;
			}
			&:nth-of-type(3) {
				background-color: #999bca;
			}
			&:nth-of-type(4) {
				background-color: #cdcdcd;
			}
		}
	}
}
.mybaobei {
	.list {
		box-sizing: border-box;
		padding: 0 10px;
		min-height: 48px;
		line-height: 48px;
		display: flex;
		align-items: center;
		&:not(.no) {
			justify-content: space-between;
		}
		&.active {
			background-color: #00cffb;
		}
		.fl1 {
			flex: 1;
			padding-left: 20px;
		}
		.myinmg {
			width: 32px;
			height: 37px;
		}
		&.liapai {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			.bom {
				align-self: center;
			}
		}
	}
	.btn {
		// width: 375px;
		height: 47px;
		line-height: 47px;
		text-align: center;
		color: #ffffff;
		border-radius: 5px;
		margin: 0 2px;
		background-color: #039ef9;
	}
	.mask-top {
		padding: 30rpx;
	}
	.mask-bottom {
		padding: 30rpx;
		.list-1 {
			.title {
				display: flex;
				justify-content: space-between;
				.c {
					color: #039ef9;
				}
			}
			.item-1 {
				display: flex;
				flex-wrap: wrap;
				.text {
					min-width: 20px;
					padding: 5px 10px;
					border: 1px solid #e5e5e5;
					border-radius: 6px;
					margin: 10px 5px;
					&.active {
						background-color: #007aff;
						color: #ffffff;
					}
				}
			}
		}
	}
	.queding {
		width: 100%;
		height: 30px;
		color: #ffffff;
		background-color: #039ef9;
		position: absolute;
		bottom: 0;
		text-align: center;
		line-height: 30px;
	}
	.mask-content {
		position: relative;
	}
}
.mykehu {
	.top {
		width: 319px;
		margin: 10px auto;
		display: flex;
		align-items: center;
		input {
			width: 237px;
			border-bottom: 1px solid rgb(153, 153, 153);
		}
		.quedingxxx {
			width: 25px;
			height: 25px;
			margin-right: 10px;
		}
		.add {
			width: 30px;
			height: 30px;
		}
	}
	.center {
		width: 319px;
		margin: 10px auto;
		.center-list {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 20px 0;
			.left {
				display: flex;
				.ca {
					border: 1px solid #007aff;
					font-size: 9px;
					margin: 0 3px;
					color: #007aff;
					padding: 0 5px;
					border-radius: 5px;
				}
				.sss {
					display: flex;
				}
				&.bew {
					flex: 1;
					justify-content: space-between;
				}
			}
			.right {
				display: flex;
			}
		}
	}
	.fenzhu {
		width: 319px;
		margin: 10px auto;
		display: flex;
		justify-content: space-between;
		.item-1 {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
	}
	.gundong {
		width: 319px;
		margin: 10px auto;
		background-color: #f5f5f5;
		height: calc(100vh - 350px);
		overflow-x: hidden;
		padding: 20px;
		box-sizing: border-box;
		.gundong-item {
			overflow-y: hidden;
			white-space: nowrap;
			color: #b2b2b2;
			margin: 10px 0;
			height: 39px;
			line-height: 39px;
			&.active {
				background-color: #6cd6d5;
			}
		}
	}
}
.myfuck {
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 0 5px;
	// font-size: 9px;
}
.genjin {
	
	.ziliao{
		position: relative;
		.list-item{
			padding-left: 10px;
			padding-right: 10px;
			
		}
		.fudong{
			position: absolute;
			width: 52px;
			height: 44px;
			right: 10px;
			bottom: 0;
		}
	}
	.title1{
		padding: 10px;
	}
	.jiajian{
		display: flex;
		justify-content: space-between;
		padding:  10px;
		.left{
			    font-size: 14px;
			    font-weight: 400;
			    font-style: normal;
			    text-decoration: none;
			    font-family: "Segoe UI";
			    color: rgb(0, 0, 0);
		}
		.right{
			.jia{
				width: 23px;
				height: 23px;
				margin-right: 10px;
			}	
			.jian{
				width: 24px;
				height: 24px;
			}
		}
	}
	.title {
		background-color: #00c9d9;
		color: #ffffff;
		padding-left: 5px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}
	.list-item {
		padding-left: 5px;
		font-size: 12px;
		height: 25px;
		line-height: 25px;
		border-bottom: 1px solid #e5e5e5;
	}

}
	.bottomxxx {
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		line-height: 47px;
		text-align: center;
		.left {
			width: 117px;
			height: 47px;
		}
		.right {
			height: 47px;
			flex: 1;
			background-color: #039ef9;
			color: #ffffff;
		}
	}
	.p18{
		.list{
			padding: 0 29px;
		}
	}
	.myinmg.mygd{
		height: 45px;
		&:nth-of-type(1){
			width: 28px;
		}
		&:nth-of-type(2){
			width: 40px;
		}
		&:nth-of-type(3){
			width: 52px;
		}
		&:nth-of-type(4){
			width: 40px;
		}
		&:nth-of-type(5){
			width: 40px;
		}
	}
	.biankuang{
		border: 1px solid #007AFF;
		    font-size: 14px;
	}
	.list.nono{
		margin-top: 25px;
		position: relative;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		line-height: 24px;
		.t,.c{
			align-self: flex-start;
		}
		.t{
			font-weight: bold;
		}
		&.b{
			border-bottom: 1px solid #D3D3D3;
		}
		.f{
			position: absolute;
			width: 60px;
			height: 47px;
			right: 0;
			&:last-of-type{
				bottom: -24px;
			}
		}
	}
	.p20{
		.my-title{
				&.red{
					color: rgb(153, 0, 51);
				}
				margin-top: 10upx;
			    white-space: nowrap;
			    text-align: left;
			    font-size: 14px;
			    font-weight: 700;
			    font-style: normal;
			    text-decoration: none;
			    font-family: "Segoe UI";
			    color: rgb(0, 153, 255);
				padding-left: 50upx;
		}
		.gundong{
			&.blue{
				height: 30vh;
			}
			&.red{
				height: 30vh;
				border: 1px solid rgb(153, 0, 51);
				.active{
					background-color: rgb(153, 0, 51);
				}
			}
			.gundong-item{
				
			}
		}
	}